{% extends 'IMTUserBundle::layout-profile.html.twig' %}

{% block main_title %}Profil - Gérer mes comptes{% endblock %}

{% block include_style %}
{% endblock %}

{% block profil_ariane %}
<li>
	<i class="icon-home"></i><a href="{{ path('fos_user_profile_show') }}">Profil</a>
	<span class="divider">&raquo;</span>
</li>
<li>
	<i class="icos-address-book-2"></i>Comptes
</li>
{% endblock %}

{% block profil_header %}
<div class="profile-head clearfix">
	<div class="profile-info pull-left">
		<h1 class="profile-username">Gérer mes comptes</h1>
	</div>
	
	<div class="btn-toolbar pull-right" s>
		<a class="btn btn-success" href="#"><i class="icon-plus"></i> Ajouter un compte</a>
	</div>
</div>
{% endblock %}

{% block profil_menu %}
<div class="profile-sidebar">
	<div class="thumbnail">
		<img src="{{ asset('user.png') }}" alt="">
	</div>
	<ul class="nav nav-tabs nav-stacked">
		<li><a href="#"><i class="icos-user"></i> Editer mon profil</a></li>
		<li><a href="#"><i class="icos-cog"></i> Paramétrages</a></li>
		<li class="active"><a href="{{ path('account_home') }}"><i class="icos-address-book-2"></i> Gestion des comptes</a></li>
		<li><a href="#"><i class="icos-tag"></i> Gestion des libellés</a></li>
		<li><a href="#"><i class="icos-polaroids"></i> Gestion des plugins</a></li>
	</ul>
</div>
{% endblock %}

{% block profil_content %}
<div class="profile-content">
	<div class="tab-content">
		<div class="tab-pane active" id="profile">
			<div class="row-fluid">
			
				<div class="span6">
					<h4 class="sub"><span>Liste des comptes</span></h4>
					<div class="widget-content no-padding sortable-list shoppingcart">
						<ul class="thumbnails ui-sortable">
					{% for account in accounts %}
						{% render 'IMTAccountBundle:AccountGmail:show' with {'id':account.id} %}
					{% endfor %}
						</ul>
					</div>
				</div>
				
				<div class="span6">
					<h4 class="sub"><span>Paramétrages</span></h4>
					<ul>
						<li><a href="#">Importer un compte</a></li>
						<li><a href="#">Exporter un compte</a></li>
					</ul>
				</div>
				
			</div>										
		</div>
	</div>
</div>
{% endblock %}
